<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>gulp -tpl</title>
    <link rel="stylesheet" type="text/css" href="fonts/fonts.css">
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" type="text/css" href="less/test.less">
    <script type="text/javascript" src="js/test.js"></script>
<style type="text/css">
body{
    margin: 0;
    padding: 0;
    font: 14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
}
.body{
   display: table;
   position: absolute;
   width: 100%;
   height: 100%; 
}
.body-container{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.font-mini{
  font-family: 'F1d3d8';
  font-weight: lighter;
}
.title{
  font-size: 4rem;
}
.footer a{
  color: #62B1D8;
  text-decoration: none;
}
</style>
</head>
<body>
<div class="body">
    <div class="body-container">
        <h1 class="title font-mini">hello gulp !</h1>
        <p class="footer"><a href="https://git.oschina.net/lanyue/gulp-tpl.git">@lanyue gulp 脚手架</a></p>
    </div>
</div>
</body>
</html>